<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>个人中心</title>
    <link
      rel="stylesheet"
      href="https://at.alicdn.com/t/c/font_4803307_j0ppeqhqw7.css"
    />
    <link rel="stylesheet" href="../css/public.css" />
    <link rel="stylesheet" href="./my.css" />
    <input type="hidden" id="_w_simile" data-inspect-config="3" />
    <script
      type="text/javascript"
      src="chrome-extension://dbjbempljhcmhlfpfacalomonjpalpko/scripts/inspector.js"
    ></script>
  </head>
  <body>
    <!-- 头部 -->
    <header class="w100p bg-base pb-15">
      <!-- <h1 class="fw-n fcc f16 fixed w100p bg-base pt-10">我的</h1> -->
      <div class="login pt-10 mb-10">
        <a class="flex aic ml-10" href="../login/login.html">
          <img src="../img/headshot.png" alt="" />
          <p class="ml-15 f20 fw-b fff" id="username-display">点击登陆注册</p>
        </a>
      </div>
      <!-- 服务 -->
      <ul class="service bg-fff ml-15 mr-15 fcc">
        <li class="guarantee pr-15">
          <i class="iconfont f20 icon-shu"></i>
          <p class="pt-10">正版绘本</p>
        </li>
        <li class="guarantee pr-15">
          <i class="iconfont f20 icon-xiaodu"></i>
          <p class="pt-10">深度消毒</p>
        </li>
        <li class="guarantee pr-15">
          <i class="iconfont f20 icon-tubiao_baoyou"></i>
          <p class="pt-10">双向包邮</p>
        </li>
      </ul>
    </header>

    <main>
      <!-- 会员服务 -->
      <div class="member bg-base m15">
        <a class="fcc fff" href="./member.html">
          <i class="iconfont icon-xiaoxiong f24"></i>
          <p class="ml-10 mr-10 fw-b">点击此处尊享会员服务</p>
          <i class="iconfont icon-xiaoxiong f24"></i>
        </a>
      </div>
      <!-- 订单 -->
      <div class="order m15 p15 bg-fff">
        <div
          class="flex jc-sb aic pb-10"
          style="border-bottom: 1px solid #f4f4f4"
        >
          <h2>订单</h2>

          <a class="flex aic" href="../order/orderList.html">
            <span>全部订单</span>
            <span style="transform: rotate(180deg)"
              ><i class="f24 iconfont icon-icon_zuo"></i
            ></span>
          </a>
        </div>
        <ul class="fcc fww">
          <li>
            <a href="./dingdan.html"
              ><i class="iconfont icon-daifahuo f22"></i
            ></a>
            <p class="pt-5 f14">代发货</p>
          </li>
          <li>
            <a href="./dingdan.html"><i class="iconfont icon-liwu1 f22"></i></a>
            <p class="pt-5 f14">待收货</p>
          </li>
          <li>
            <a href="./dingdan.html"
              ><i class="iconfont icon-daiguihuan f22"></i
            ></a>
            <p class="pt-5 f14">待归还</p>
          </li>

          <li>
            <a href="./dingdan.html"
              ><i class="iconfont icon-pinglun f22"></i
            ></a>
            <p class="pt-5 f14">待评论</p>
          </li>
        </ul>
      </div>
      <!-- 常用 -->
      <div class="used m15 p15 bg-fff">
        <h2
          class="flex jc-sb aic pb-10"
          style="border-bottom: 1px solid #f4f4f4"
        >
          常用
        </h2>
        <ul class="w100p">
          <li class="flex fcc fdc" style="width: 20%">
            <a href="./dingdan.html"
              ><i class="iconfont icon-shouhuodizhi f24"></i
            ></a>
            <span class="pt-5 f14">收货地址</span>
          </li>
        </ul>
      </div>
    </main>

    <div style="height: 60px"></div>

    <footer class="bg-fff flex jc-sa fixed w100p"></footer>
    <script src="../js/axios.js"></script>
    <script src="../js/jquery.js"></script>
    <script src="../js/common.js"></script>
  </body>
</html>
